Skip to content

[#1760] Edit Project Name - SCSS to Styled Components #1806

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 4 commits into from
Closed

[#1760] Edit Project Name - SCSS to Styled Components #1806

wants to merge 4 commits into from

Conversation

smitbarmase
Copy link
Contributor

Partially Fixes #1760

  1. Abstracted Project Name from Toolbar into a new component for reusability in the future i.e. For the mobile version.
  2. Migrated all Project Name related SCSS to Styled Components.
  3. Added necessary theme color in theme.js
  4. Converted Toolbar from class-based to the functional component as Toolbar does not have any state.

I have verified that there is no change in UI and it's working.

Before:
image
image

After:
image
image

I have verified that this pull request:

  • has no linting errors (npm run lint)
  • is from a uniquely-named feature branch and has been rebased on top of the latest develop branch. (If I was asked to make more changes, I have made sure to rebase onto develop then too)
  • is descriptively named and links to an issue number, i.e. Fixes #123

@release-com
Copy link

release-com bot commented Mar 14, 2021

Release Environments

p5.js-web-editor
app-ted7ff3-p5-js-web-editor.releaseapp.io

@smitbarmase
Copy link
Contributor Author

Seems like the only component I worked on have tests integrated. What are the odds!
Okay, I'm looking into it.

@smitbarmase
Copy link
Contributor Author

@catarak I looked into the test. I think jest tests are receiving undefined while accessing theme on using prop function. Do you have any idea about this?

@smitbarmase
Copy link
Contributor Author

Fixed it. The test was not able to access the theme, so I wrapped the component with ThemeProvider and for it to work, as it needed store I had to wrap it with Provider. And it worked!

Ready for the review :)

@smitbarmase
Copy link
Contributor Author

I have also added PR #1808 to ensures that any calls to render have a theme available.

This pull request was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Migrate SCSS to styled-components
1 participant